const Home = () => {
    return (
        <div style={{paddingBottom: '100px', backgroundColor:'#fafafa'}}>
             <div>
                <img src="https://funimg.pddpic.com/Recruit/cover_banner.jpg" width='100%' alt=""/>
                <div style={{position: 'relative'}}>
                    <div className='campus_imgBox_list'>
                        <a  href="" className='campus_imgBox_img'>
                            <img src="https://funimg.pddpic.com/career/img/apply.png.slim.png" width='100%' alt=""/>
                        </a>
                        <a href="" className='campus_imgBox_img'>
                            <img src="https://funimg.pddpic.com/career/img/process.png.slim.png" width='100%' alt=""/>
                        </a>
                        <a href="" className='campus_imgBox_img'>
                            <img src="https://funimg.pddpic.com/career/img/q&a.png.slim.png" width='100%' alt=""/>
                        </a>
                    </div>
                </div>
            </div>
            <div className='campus_box' style={{ marginTop: '22px'}}>
                <div style={{padding:' 0 20px'}}>
                    <div style={{borderBottom: '1px solid #eaeaea'}}>
                        <div style={{padding: '16px 0', fontSize: '28px', fontWeight: 'bold',color:' #686868'}}>助力校招生成长</div>
                    </div>
                   
                </div> 
                <div style={{padding: '10px',display:'flex',flexWrap:'wrap'}}>
                    <div>
                        <div className='campus_box_item'>
                            <img src="https://funimg.pddpic.com/career/img/1.1.png.slim.png" width='140px' height='140px' alt=""/>
                            <div className='campus_box_itemli'>
                                <div className='campus_box_title'>挑战和实践的广阔平台</div>
                                <div className='campus_box_vice'>前沿的新电商场景，海量需求和广阔业务线</div>
                                <div className='campus_box_content'>保持对前沿、未来领域的持续关注与投入，始终坚持为消费者创造价值。给新人足够多的资源和机会，在亿级新电商战场，获得自我发展的持续动力。</div>
                            </div>
                        </div>
                    </div>

                    <div>
                        <div className='campus_box_item'>
                            <img src="https://funimg.pddpic.com/career/img/1.2.png.slim.png" width='140px' height='140px' alt=""/>
                            <div className='campus_box_itemli'>
                                <div className='campus_box_title'>团队年轻且极富创造力</div>
                                <div className='campus_box_vice'>与最优秀的同龄人共事，行业大牛云集</div>
                                <div className='campus_box_content'>公司成员平均年龄27岁，汇聚大量国内外知名高校、名企的顶尖人才。扁平化管理，敢于授权新人，注重能力与潜力，相信创新的力量。</div>
                            </div>
                        </div>
                    </div>

                    <div>
                        <div className='campus_box_item'>
                            <img src="https://funimg.pddpic.com/career/img/1.3.png.slim.png" width='140px' height='140px' alt=""/>
                            <div className='campus_box_itemli'>
                                <div className='campus_box_title'>收获实打实的快速成长</div>
                                <div className='campus_box_vice'>导师制-培训制-项目制，帮助你走稳每一步</div>
                                <div className='campus_box_content'>资深导师一对一带教，多方位的培养路径，创新性的项目实践。用最优秀的人培养更优秀的你，助力新人各阶段的成长发展，始终跑在行业最前线。</div>
                            </div>
                        </div>
                    </div>

                    <div>
                        <div className='campus_box_item'>
                            <img src="https://funimg.pddpic.com/career/img/1.4.png.slim.png" width='140px' height='140px' alt=""/>
                            <div className='campus_box_itemli'>
                                <div className='campus_box_title'>所有付出都能收获回报</div>
                                <div className='campus_box_vice'>结果导向，行业竞争力薪酬和全方位激励</div>
                                <div className='campus_box_content'>简单高效、平等包容的工作氛围，一年两次加薪机会，多方面福利保障：免费三餐、交通报销、年度体检、节日礼品、团建活动…是职场淬炼的坚实依靠。</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div className='campus_box' style={{ marginTop: '22px'}}>
                <div style={{padding:' 0 20px'}}>
                    <div style={{borderBottom: '1px solid #eaeaea'}}>
                        <div style={{padding: '16px 0', fontSize: '28px', fontWeight: 'bold',color:' #686868'}}>期待优秀人才</div>
                    </div>
                   
                </div> 
                <div style={{padding: '10px',display:'flex',flexWrap:'wrap'}}>
                    <div className='campus_rc_item'>
                        <div style={{display: 'flex',alignItems: 'center'}}>
                            <img src="https://funimg.pddpic.com/career/img/2.1.png.slim.png" width='64px' height='64px' alt=""/>
                            <div style={{marginLeft: '20px',fontSize: '24px'}}>追梦者</div>
                            <div className="campus_rc_vice">无限热爱，自驱力强</div>
                        </div>
                        <div className='campus_rc_content'>具备专业领域的知识技能，愿意在互联网前沿领域持续学习探索。</div>
                    </div>
                    
                    <div className='campus_rc_item'>
                        <div style={{display: 'flex',alignItems: 'center'}}>
                            <img src="https://funimg.pddpic.com/career/img/2.2.png.slim.png" width='64px' height='64px' alt=""/>
                            <div style={{marginLeft: '20px',fontSize: '24px'}}>行动派</div>
                            <div className="campus_rc_vice">善于思考，结果导向</div>
                        </div>
                        <div className='campus_rc_content'>有互联网实习经历或相关项目经验，给自身竞争力加码，凭实力成就自我。</div>
                    </div>

                    <div className='campus_rc_item'>
                        <div style={{display: 'flex',alignItems: 'center'}}>
                            <img src="https://funimg.pddpic.com/career/img/2.3.png.slim.png" width='64px' height='64px' alt=""/>
                            <div style={{marginLeft: '20px',fontSize: '24px'}}>敢挑战</div>
                            <div className="campus_rc_vice">追求创新，协作成长</div>
                        </div>
                        <div className='campus_rc_content'>支持极具挑战和影响力的项目落地，完成高效的工作协同与成果共享。</div>
                    </div>

                    <div className='campus_rc_item'>
                        <div style={{display: 'flex',alignItems: 'center'}}>
                            <img src="https://funimg.pddpic.com/career/img/2.4.png.slim.png" width='64px' height='64px' alt=""/>
                            <div style={{marginLeft: '20px',fontSize: '24px'}}>够踏实</div>
                            <div className="campus_rc_vice">脚踏实地，勇于担当</div>
                        </div>
                        <div className='campus_rc_content'>有能力更有潜力，在实战中最大化激发潜能，持续为业务发展提供强劲动力。</div>
                    </div>
                </div>
            </div>

            

            <div className='campus_box' style={{ marginTop: '22px'}}>
                <div style={{padding:' 0 20px'}}>
                    <div style={{borderBottom: '1px solid #eaeaea'}}>
                        <div style={{padding: '16px 0', fontSize: '28px', fontWeight: 'bold',color:' #686868'}}>校招生心声</div>
                    </div>
                   
                </div> 
                
                <div style={{padding: '10px',display:'flex',flexWrap:'wrap'}}>
                    <div style={{margin: '10px',display: 'flex',backgroundColor: '#fafafa', width:'100%'}}>
                        <img src="https://funimg.pddpic.com/career/img/4.1.jpg" width='567px' height='340px' alt=""/>
                        <div style={{padding:'31px 0px 0px 41px'}}>
                            <div className='campus_xz_title'>和同龄人一起拼的精神很关键</div>
                            <ul>
                                <li className='campus_xz_li'>成长充满机遇与挑战</li>
                                <li className='campus_xz_li'>协同共享，敢于拥抱变化</li>
                                <li className='campus_xz_li'>基于现有资源，给你机会创造并擦出新的火花</li>
                                <li className='campus_xz_li'>选择正确的道路，不断成为更好的自己</li>
                            </ul>
                            <a href="" className='campus_xz_a'> 了解更多-☛ </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    )
}

export default Home